<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
<title>大猴子-程序猿的净土</title>
<div th:include="tmp/css :: css_web"></div>
</head>

<body>
	<div th:include="tmp/layout:: nav_web"></div>
	<div class="container">
		<hr />
		<div class="row">
			<div class="border border-primary col-2 hidden-md-down">
				<div class="jumbotron ">
					<img th:src="@{/image/dhz@600.jpg}" width="120" height="120" class="rounded mx-auto d-block" alt="...">
					<hr class="my-4">
					<p class="text-center">空空</p>
					<p class="text-center">a@dahouzi.cn</p>
				</div>
				<hr>
				<div class="list-group">
					<a href="#" class="list-group-item active">分类 </a> <a href="#" class="list-group-item list-group-item-action">杂记</a> <a href="#" class="list-group-item list-group-item-action">运维</a> <a href="#"
						class="list-group-item list-group-item-action">软件</a> <a href="#" class="list-group-item list-group-item-action disabled">网络</a>
				</div>
			</div>

			<div class="col">
				<div class="list-group">
					<a href="#" class="list-group-item list-group-item-action flex-column align-items-start active">
						<div class="d-flex w-100 justify-content-between">
							<h5 class="mb-1">所有文章</h5>
						</div>
					</a> <a th:each="article:${page.records}" th:href="@{'/ArticleCtrl/article?id='+${article.id}}" class="list-group-item list-group-item-action flex-column align-items-start">
						<div class="d-flex w-100 justify-content-between">
							<h5 th:text="${article.title}" class="mb-1">百度</h5>
							<small th:text="${#calendars.format(article.modifyTime,'yyyy-MM-dd')}" class="text-muted">3 days ago</small>
						</div>
						<p class="mb-1">
							<span th:text="${article.author}" class="badge badge-warning">作者</span> <span th:text="${article.catalog}" class="badge badge-primary">分类</span>
						</p>
					</a>
				</div>
			</div>
		</div>
	</div>
	<!-- <div th:include="tmp/copyright :: copyright"></div> -->
	<div th:include="tmp/js :: js_web"></div>
</body>
</html>